<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8" />
		<title>私教</title>
		<link rel="stylesheet" th:href="@{/layui/css/layui.css}">
		<link rel="stylesheet" th:href="@{/css/index.css}"/>
		<link rel="shortcut icon" href="https://www.leoao.com/favicon.ico" type="image/x-icon">
	</head>
	
	<body>
		<!-- 导航栏 -->
		<ul class="layui-nav" lay-filter="">
		  <li class="layui-nav-item layui-this"><a href="">金牌教练</a></li>
		  <li class="layui-nav-item"><a href="">我的课程</a></li>
		</ul>
		<div class="layui-container">
			<div class="layui-row layui-col-space15 coach-board">
			  <tr th:each="coach:${allCoaches}">
				  <div class="layui-col-md6">
					  <div class="layui-panel">
						  <div style="padding: 30px;" class="coach-panel">
							  <div class="coach-panel-left">
								  <a th:href="@{privateCourse(cid=${coach.getId()})}" ><img class="coach-pic" th:id="${coach.getId()}" th:src="${coach.getPicurl()}"/></a>
							  </div>
<!--							  <script type="text/javascript" th:inline="javascript">-->
<!--								  function showPic(){-->
<!--									  var pic = doucument.getElementById();-->
<!--								  }-->
<!--							  </script>-->
							  <div class="coach-panel-right">
								  <table class="layui-table">
									  <colgroup>
										  <!-- <col width="60%">
                                          <col width="40%"> -->
									  </colgroup>
									  <tbody>
									  <tr>
										  <td><h2 th:text="${coach.getName()}"></h2></td>
									  </tr>
									  <tr>
										  <td><h2 th:if="${coach.gender}">男</h2> <h2 th:if="${!coach.gender}">女</h2></td>
									  </tr>
									  <tr>
										  <td><h2>4.6分</h2></td>
									  </tr>
									  <tr>
										  <td><h2 th:text="${coach.getIntro()}">intro:一位专业的教练是v但是VS的v萨芬</h2></td>
									  </tr>

									  </tbody>
								  </table>
							  </div>
						  </div>
					  </div>
				  </div>
			  </tr>


			</div>


			
		</div>
		
	</body>

	<script src="../static/layui/layui.js" th:src="@{/layui/layui.js}"></script>
	<script src="../static/js/jquery-3.3.1.js" th:src="@{/js/jquery-3.3.1.js}"></script>
	<script src="../static/js/index.js" th:src="@{/js/index.js}"></script>
</html>
